<!DOCTYPE html>
<html lang="en">

	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>BIGLAW</title>

		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="bootstrap/font-awesome/css/font-awesome.css" />
		<!--自定义样式-->
		<link rel="stylesheet" href="css/common.css" />
		<!--工作台样式-->
		<link rel="stylesheet" type="text/css" href="css/workBar_haveTask.css" />
		<!--标题图标-->
		<!--<link rel="icon" href="img/favicon.ico" />-->
		<link rel="stylesheet" type="text/css" href="css/yb-message.css" />
	</head>

	<body>
		<div class="bodyDiv">
			<!--头部-->
			<div class="navbar-fixed-top">
				<div class="navbar-container clearfix">
					<!--logo-->
					<div class="navbar-header pull-left">
						<a href="javascript:;">
							<h1 class="navbar-logo"><img src="img/logo-page.png" /></h1>
						</a>
					</div>
					<!--搜索框-->
					<div class="navbar-header navbar-search pull-left">
						<div class="navbar-search-box">
							<i></i>
							<input type="text" class="form-control focusInput inputColor" placeholder="搜索相关法律信息">
						</div>
					</div>
					<!--右侧时间-->
					<div class="navbar-header pull-right" style="margin-right: 50px; margin-top: 9px">
						<a href="javascript:;" class="time-scadue"><span class="number-red">4</span></a>
					</div>
				</div>
			</div>

			<div class="main-container">
				<!-- 侧边导航栏 开始 -->
				<div class="sidebar-fixed">
					<ul class="nav nav-list">
						<li class="active">
							<a href="javascript:;">
								<img src="img/workicon.png" />
								<span class="menu-text">工作台</span>
							</a>
						</li>
						<li class="">
							<a href="javascript:;">
								<img src="img/caseicon.png" />
								<span class="menu-text">案件板</span>
							</a>
						</li>
						<li class="">
							<a href="javascript:;">
								<img src="img/infoicon.png" />
								<span class="menu-text">消息</span>
							</a>
						</li>
						<li class="">
							<a href="javascript:;">
								<img src="img/custicon.png" />
								<span class="menu-text">客户板</span>
							</a>
						</li>

					</ul>
					<ul class="sidebar-bottom">
						<li class="dropdown">
							<a href="javascript" class="dropdown-toggle sidebar-add" data-toggle="dropdown">
								<img src="img/addicon.png" />
							</a>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
								<li role="presentation">
									<a href="#">Action</a>
								</li>
								<li role="presentation">
									<a href="#">Another action</a>
								</li>
								<li role="presentation">
									<a href="#">Something else here</a>
								</li>
							</ul>
						</li>

						<li class="dropdown">
							<a href="javascript" class="dropdown-toggle sidebar-me" data-toggle="dropdown">
								<img src="img/meimg.png" />
							</a>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
								<li role="presentation">
									<a href="#">Action</a>
								</li>
								<li role="presentation">
									<a href="#">Another action</a>
								</li>
								<li role="presentation">
									<a href="#">Something else here</a>
								</li>
							</ul>
						</li>

					</ul>
				</div>
				<!--主要内容部分-->
				<div class="main-content">
					<div class="yb-message-one">
						<div class="title-nav">
							<ul class=" yb-navigation2">
								<li value="1" class="active  yb-navigation" id="yb-message-list1"><span class="yb-main-text2">动态消息111</span></li>
								<li value="2" id="yb-message-list2" class="yb-main-text2"><span>系统消息</span></li>
							</ul>
						</div>
						<div id="yb-list1">

							<div class="yb-list-main " style=" ">

								<div class="pull-left ">
									<img src="img/222.jpg " alt="... " class="img-circle yb-img-45 ">
									<span class="yb-main-text"><b>马腾飞邀请你参加《刘大强离婚纠纷案件》</b></span>
								</div>
								<div class="pull-right yb-above-20 ">
									<span class="yb-time ">2016-12-10 12:37</span>
									<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
									<button type="button " class="btn btn-info btn-sm yb-button-adopt ">接受</button>

									<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
									<button type="button " class="btn btn-default btn-sm yb-button-adopt2 ">拒绝</button>
								</div>

							</div>
							<div class="yb-striping ">
							</div>
							<div class="yb-list-main " style=" ">
								<div class="pull-left ">
									<img src="img/guna.jpg " alt="... " class="img-circle yb-img-45 ">
									<span class="yb-main-text "><b>马腾飞上传了证据<samp class="yb-cyan ">身份证</samp></b></span>
								</div>
								<div class="pull-right yb-above-20 ">
									<span class="yb-time ">2016-12-10 12:37</span>
									<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
									<button type="button " class="btn btn-info btn-sm yb-button-adopt ">接受</button>

									<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
									<button type="button " class="btn btn-default btn-sm yb-button-adopt2 ">拒绝</button>
								</div>

							</div>
							<div class="yb-striping ">
							</div>
							<div class="yb-list-main " style=" ">
								<div class="pull-left ">
									<img src="img/guna.jpg " alt="... " class="img-circle yb-img-45 ">
									<span class="yb-main-text "><b>马腾飞上传了证据<samp class="yb-cyan ">身份证</samp></b></span>
								</div>
								<div class="pull-right yb-above-20 ">
									<span class="yb-time ">2016-12-10 12:37</span>
									<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
									<button type="button " class="btn btn-info btn-sm yb-button-adopt ">接受</button>

									<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
									<button type="button " class="btn btn-default btn-sm yb-button-adopt2 ">拒绝</button>
								</div>

							</div>
							<div class="yb-striping ">
							</div>
							<div class="yb-list-main " style=" ">
								<div class="pull-left ">
									<img src="img/guna.jpg " alt="... " class="img-circle yb-img-45 ">
									<span class="yb-main-text "><b>马腾飞上传了证据<samp class="yb-cyan ">身份证</samp></b></span>
								</div>
								<div class="pull-right yb-above-20 ">
									<span class="yb-time ">2016-12-10 12:37</span>
									<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
									<button type="button " class="btn btn-info btn-sm yb-button-adopt ">接受</button>

									<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
									<button type="button " class="btn btn-default btn-sm yb-button-adopt2 ">拒绝</button>
								</div>

							</div>
							<div class="yb-striping ">
							</div>
							<div class="yb-list-main " style=" ">
								<div class="pull-left ">
									<img src="img/guna.jpg " alt="... " class="img-circle yb-img-45 ">
									<span class="yb-main-text "><b>马腾飞上传了证据<samp class="yb-cyan ">身份证</samp></b></span>
								</div>
								<div class="pull-right yb-above-20 ">
									<span class="yb-time ">2016-12-10 12:37</span>
									<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
									<button type="button " class="btn btn-info btn-sm yb-button-adopt ">接受</button>

									<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
									<button type="button " class="btn btn-default btn-sm yb-button-adopt2 ">拒绝</button>
								</div>

							</div>
							<div class="yb-striping ">
							</div>
							<div class="yb-list-main " style=" ">
								<div class="pull-left ">
									<img src="img/guna.jpg " alt="... " class="img-circle yb-img-45 ">
									<span class="yb-main-text "><b>马腾飞上传了证据<samp class="yb-cyan ">身份证</samp></b></span>
								</div>
								<div class="pull-right yb-above-20 ">
									<span class="yb-time ">2016-12-10 12:37</span>
									<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
									<button type="button " class="btn btn-info btn-sm yb-button-adopt ">接受</button>

									<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
									<button type="button " class="btn btn-default btn-sm yb-button-adopt2 ">拒绝</button>
								</div>

							</div>
						</div>

						<!--下面列表的部分-->
						<div id="yb-list2">

							<div class="yb-list-main " style=" ">

								<div class="pull-left ">
									<img src="img/222.jpg " alt="... " class="img-circle yb-img-45 ">
									<span class="yb-main-text "><b>马腾飞邀请你参加《刘大强离婚纠纷案件》</b></span>
								</div>
								<div class="pull-right yb-above-20 ">
									<span class="yb-time ">2016-12-10 12:37</span>

								</div>

							</div>
							<div class="yb-striping ">
							</div>
							<div class="yb-list-main " style=" ">
								<div class="pull-left ">
									<img src="img/europe-head.jpg" alt="... " class="img-circle yb-img-45 ">
									<span class="yb-main-text "><b>马腾飞上传了证据<samp class="yb-cyan ">身份证</samp></b></span>
								</div>
								<div class="pull-right yb-above-20 ">
									<span class="yb-time ">2016-12-10 12:37</span>

								</div>

							</div>
							<div class="yb-striping ">
							</div>
							<div class="yb-list-main " style=" ">
								<div class="pull-left ">
									<img src="img/europe-head.jpg " alt="... " class="img-circle yb-img-45 ">
									<span class="yb-main-text "><b>马腾飞上传了证据<samp class="yb-cyan ">身份证</samp></b></span>
								</div>
								<div class="pull-right yb-above-20 ">
									<span class="yb-time ">2016-12-10 12:37</span>

								</div>

							</div>
							<div class="yb-striping ">
							</div>
							<div class="yb-list-main " style=" ">
								<div class="pull-left ">
									<img src="img/europe-head.jpg " alt="... " class="img-circle yb-img-45 ">
									<span class="yb-main-text "><b>马腾飞上传了证据<samp class="yb-cyan ">身份证</samp></b></span>
								</div>
								<div class="pull-right yb-above-20 ">
									<span class="yb-time ">2016-12-10 12:37</span>

								</div>

							</div>
							<div class="yb-striping ">
							</div>
							<div class="yb-list-main " style=" ">
								<div class="pull-left ">
									<img src="img/europe-head.jpg " alt="... " class="img-circle yb-img-45 ">
									<span class="yb-main-text "><b>马腾飞上传了证据<samp class="yb-cyan ">身份证</samp></b></span>
								</div>
								<div class="pull-right yb-above-20 ">
									<span class="yb-time ">2016-12-10 12:37</span>

								</div>

							</div>
							<div class="yb-striping ">
							</div>
							<div class="yb-list-main " style=" ">
								<div class="pull-left ">
									<img src="img/europe-head.jpg " alt="... " class="img-circle yb-img-45 ">
									<span class="yb-main-text "><b>马腾飞上传了证据<samp class="yb-cyan ">身份证</samp></b></span>
								</div>
								<div class="pull-right yb-above-20 ">
									<span class="yb-time ">2016-12-10 12:37</span>

								</div>

							</div>
						</div>

					</div>

				</div>

			</div>

		</div>
		<!--main-content-->

		<!-- basic scripts -->
		<script src="js/jquery.js "></script>
		<script src="bootstrap/js/bootstrap.min.js "></script>
		<script src="js/workBar.js "></script>

		<script type="text/javascript ">
			$(document).ready(function() {
				$("#yb-message-list1").click(function() {
					$("#yb-list1").show();
					$("#yb-list2").hide();
					var target = $("#yb-message-list1");
					var which = parseInt(target.val());
					target.addClass("active");
					target.siblings().removeClass("active");
					$('[id*="tab-"]').addClass('hide');
					$('#tab-' + which).removeClass('hide');


				});
				$("#yb-message-list2").click(function() {
					$("#yb-list1").hide();
					$("#yb-list2").show();
					var target = $("#yb-message-list2");
					var which = parseInt(target.val());
					target.addClass("active");
					target.siblings().removeClass("active");
					$('[id*="tab-"]').addClass('hide');
					$('#tab-' + which).removeClass('hide');
				});
			});

      $(document).click(function () {
        //console.log($('#myModal2').html());
       // $('#myModal2').hide();
      });
		</script>

	</body>

</html>
